* {
    list-style: none;
    text-decoration: none;
    margin: 0px;
    font-family: 'Nunito', sans-serif;
}


/* small-header */

#sm-header {
    display: flex;
    background-color: rgb(206, 206, 206);
    padding: 6px 20px;
}


.contact a {
    margin-right: 18px;
    position: relative;
    left: 56rem;
    color: black;
    font-weight: 300;
    text-decoration: none;
}
.icon i {
    position: relative;
    left: 58rem;
    margin-right: 10px;
    color: black;
    font-weight: 300;
}

/* mein-header */

#mein-header {
    display: flex;
    align-items: center;
}

.prem-industrial img {
    position: relative;
    left: 13rem;
}

.navbar {
    position: relative;
    left: 37rem;
}

.navbar ul {
    display: flex;
    top: 1rem;
    position: relative;
}

.navbar ul a {
    margin: 0 13px;
    font-weight: bold;
    font-size: 20px;
    color: black;
    text-decoration: none;
}


.carousel {
    position: relative;
    height: 30vw;
}

#carousel-item {
    height: 31vw;
}


.chevron{
    font-size: 3vw;
}
.carousel-item{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://assets-global.website-files.com/620c0d2e51cac37f5958848f/62f3e909d4e3044016fe0e00_Robotics.jpg");
}

.slider-first{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://eleks.com/wp-content/uploads/img_large_Trends-blog_-Industrial-automation-engineering.jpg");

}

.silder-second{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://ibtinc.com/wp-content/uploads/2023/02/what-is-industrial-automation.jpg");

}

.icon a{
    text-decoration: none;
}

#Hero-2 {
    background: linear-gradient(rgba(255, 255, 255, 0.918), rgba(255, 255, 255, 0.903)), url(image/background-img/hero-2.jpg);
    background-position: center;
    background-size: cover;
    height: 545px;
    width: 100%;
}

.welco-pi {
    position: relative;
    top: 5rem;
}

.welco-pi p {
    color: white;
    text-align: center;
    font-size: 50px;
    font-family: 'Nunito', sans-serif;
    font-weight: lighter;
}

.prem-industrial-bold {
    font-style: oblique;
    color: white;
    font-weight: 900;
}

.welco-pi-2 p {
    color: white;
    text-align: center;
    font-size: 25px;
    font-family: 'Nunito', sans-serif;
    font-weight: lighter;
}

.Electronic-pro {
    font-style: oblique;
    color: white;
    font-weight: bold;
}

.btn {
    display: flex;
    justify-content: center;
    position: relative;
    top: 15px;
}

.btn button {
    cursor: pointer;
    padding: 12px 26px;
    background-color: rgb(1, 150, 224);
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    transition: .5s;
    border: 2px solid rgb(1, 150, 224);
}

.btn button:hover {
    background-color: rgba(1, 150, 224, 0.389);
    border: 2px solid #fff;

}

.banner {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 7rem;
    margin: 0 25rem;
    padding: 12px 0;
}

.banner-icon img{
    display: flex;
    width: 70px;
    height: 70px;
    /* border: 2px solid white; */
    border-radius: 360px;
}

.banner-icon-2 img{
    display: flex;
    width: 70px;
    height: 70px;
    position: relative;
    /* border: 2px solid white; */
    border-radius: 360px;
    right: 50px;
}

.banner-con h5 {
    color: #fff;
    font-size: 18px;
    position: relative;
    left: 83px;
    top: -47px;
}

.abo-we-off p{
    color: #000;
}

.automation p{
    color: #000;
}

#SEIMENS h4, #SEIMENS_PLC h4{
    font-weight: 600;
}

.h5 {
    position: relative;
    right: 50px;
}

.about-us {
    position: relative;
    top: 5rem;
}

.about-us h1 {
    text-align: center;
    font-size: 58px;
    font-family: 'Nunito', sans-serif;
    font-weight: lighter;
    font-weight: bolder;
}

.ab-detail {
    width: 50rem;
    position: relative;
    left: 23rem;
    top: 35px;
}

.ab-detail p{
    color: #000;
}

.h2-banner {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 10rem;
    margin: 0px 32rem;
    padding: 12px 0;
    right: 8rem;
}

.h2-banner-icon img {
    display: flex;
    width: 70px;
    height: 70px;
    position: relative;
    /* border: 2px solid rgb(8, 8, 8); */
    border-radius: 360px;
    right: 50px;
}

.h2-banner-con h5 {
    color: #000000;
    font-size: 18px;
    position: relative;
    top: -47px;
    font-family: 'Nunito', sans-serif;
    left: 34px;

}

#indicators {
    background-color: #fff;
    position: relative;
    top: 38px;
}

.img {
    float: right;
}

.img img {
    right: 13rem;
    position: relative;
    top: -123px;
    overflow: hidden;
}

/* WE OFFER */

.We-offer {
    position: relative;
    right: 7rem;
}

.We-offer h1 {
    text-align: center;
    position: relative;
    top: 30px;
    float: right;
    right: 15rem;
    font-size: 33px;
    font-weight: 700;
    font-family: 'Nunito', sans-serif;
}

.abo-we-off p {
    text-align: center;
    position: relative;
    top: 78px;
    float: right;
    right: 2rem;
    font-size: 18px;
    font-family: 'Nunito', sans-serif;

}

.automation {
    position: relative;
    top: 11rem;
    left: 255px;
    font-family: Nunito, sans-serif;
    width: 67%;
}

.automation h3 {
    font-size: 30px;
}

.deal {
    display: flex;
    position: relative;
    top: 16rem;
    left: 21rem;
    width: 67%;
}

.siem button  {
    margin: 0 -5rem;
    background-color: rgb(1, 130, 194);
    padding: 12px 47px;
    margin: 0 -5rem;
    padding: 12px 47px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: .5s;
    top: 6px;
    position: relative;
    border:2px solid  rgb(1, 130, 194);
}

.siem-2 button {
    margin: 0 -5rem;
    padding: 12px 47px;
    margin: 0 -5rem;
    padding: 14px 47px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    left: 10rem;
    top: 4px;
    cursor: pointer;
    transition: .5s;
    border:2px solid  rgb(255, 255, 255);
    background-color: #fff;
}

.hero-3 {
    position: relative;
    width: 100%;
    top: 16rem;
    left: 3.3rem;
    background: linear-gradient(rgba(14, 131, 190, 0.586), white);
    padding: 23px;
    margin: 0px -53px;
    border-top: 3px solid rgb(1, 130, 194);
}

.hero-3 li {
    text-align: center;
    margin-right: 46rem;
    list-style: disc;
}

.Deal-in {
    position: relative;
    left: 233px;
    width: 67%;
    font-size: 32px;
}

.s-img {
    position: relative;
    z-index: 1;
    left: 38rem;
    width: 51%;
}

#our-clints {
    background-color: whitesmoke;
    width: 100%;
    height: 300px;
    display: flex;
    /* justify-content: space-around; */
}

.weDetail h1 {
    position: relative;
    left: 40rem;
    top: 45px;
    font-size: 30px;
}

.Company {
    position: relative;
    top: 8rem;
    background-color: #fff;
    margin: 0 5px;
    left: 5rem;
    height: 84px;
    border-radius: 10px;
}

.Company img {
    position: relative;
    top: -41px;
}

.ABB img {
    top: 13px;
    left: 37px;

}

.ABB {
    position: relative;
    top: 8rem;
    background-color: #fff;
    margin: 0 5px;
    left: 5rem;
    height: 84px;
    border-radius: 10px;
    width: 200px;
}

.Emerson img {
    top: -28px;
}

.Schneider img {
    top: -28px;
}

/* contact-us */

#contact-us {
    background-image: linear-gradient(rgba(0.0, 0.0, 0.0, 0.7), rgba(0.0, 0.0, 0.0, 0.7)), url(https://www.nevatio.com/hubfs/industrial%20automation%20advantages.png);
    background-position: center;
    background-size: cover;
    height: 51vw;
}

.contact-us-h1 h1 {
    text-align: center;
    color: #fff;
    position: relative;
    top: 75px;
    font-size: 45px;
}

.formText h3 {
    color: #fff;
    position: relative;
    top: 9rem;
    left: 11rem;
    width: 74%;
    font-size: 26px;
}

.input {
    position: relative;
    top: 11rem;
    left: 10rem;
    width: 67%;
}

.input input {
    outline: none;
    background-color: #ffffff17;
    border: 2px solid #fff;
    padding: 15px 20px;
    width: 18rem;
    margin: 10px 12px;
    color: white;
    font-size: 16px;
}

.input input::placeholder {
    color: white;
    font-size: 16px;
}

#textArea {
    background-color: #ffffff17;
    border: 2px solid #fff;
    position: relative;
    left: 11px;
    outline: none;
    color: white;
    font-size: 16px;
    padding: 10px;
    width: 39.4vw;
}

#textArea::placeholder {
    color: white;
    font-size: 16px;
}

.button button{
    cursor: pointer;
    padding: 12px 26px;
    background-color: rgb(3 96 185);
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    transition: .5s;
    border: 2px solid rgb(3 96 185);
    width: 115px;
    left: 10px;
    position: relative;
    border-radius: 5px;
}


.button button:hover {
    background-color: rgba(1, 150, 224, 0.389);
    border: 2px solid #fff;
    border-radius: 5px;
}

.social {
    position: absolute;
    left: 55rem;
    top: -3rem;
    width: 28%;
}

.social-icon i{
   font-size: 40px;
   color: #fff;
}

.social-icon a
{
    text-decoration: none;
}

.number a{
    text-decoration: none;
    color: #fff;
}

a{
    color: #fff;
}


#copyright{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000;
    height: 65px;
    margin-bottom: 0;
}

#copyright p{
    position: relative;
    color: #fff;
    top: 2px;
    /* padding: 10px; */
}

.silderimg img
{
    height: 34vw;
}

.sliderpara h5,p{
    color: #fff;
}

#drop-item{
    margin: 0;
}
#drop-item:hover{
    background-color: rgb(181, 175, 175);
}
#btn {
    border: none;
    background: none;
    color: #000000;
    font-weight: bolder;
    position: relative;
    top: -5px;
    font-size: larger;
}